<template>
  <div id="box">
    <carousel />
    <!-- 菜单 -->
    <home-menu />
    <!-- 文章列表 -->
    <news-card />
    <!-- 英雄列表 -->
    <hero-card />

    

    <div>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    </div>
  </div>
</template>

<script>
  import Carousel from 'components/common/Carousel.vue';
  import HomeMenu from './HomeMenu.vue';
  import NewsCard from './NewsCard.vue';
  import HeroCard from './HeroCard.vue';

  export default {
    name: 'Home',
    components: {
      Carousel,
      HomeMenu,
      NewsCard,
      HeroCard
    },
    
    data() {
      return {
        
      }
    },
    methods: {

    }
  }
</script>

<style lang="scss" scoped>
  
</style>
